<route lang="json5" type="page">
{
  style: { navigationBarTitleText: '', navigationStyle: 'custom' },
}
</route>
<template>
  <view class="consultant-page">
    <view class="fixed-bg"></view>
    <image
      src="@/pages-sub/static/consultant/header-banner.png"
      mode="scaleToFill"
      class="h-[186rpx] w-full"
    />
    <view class="consultant-page__container" :style="{ backgroundImage: `url(${contentBg})` }">
      <image
        src="@/pages-sub/static/consultant/content-header.png"
        mode="scaleToFill"
        class="h-[206rpx]"
      />
      <view class="consultant-page__container__qrcode">
        <text>长按识别二维码</text>
        <view>
          <image
            :src="`${baseUlr}/admin-api/infra/file/4/get/c7c776423c728604f41a6951e62c8de1588893ed88447374e4809c9e95933f2b.jpg`"
            mode="scaleToFill"
            :show-menu-by-longpress="true"
          />
        </view>
        <text>添加导师，备注【课程】</text>
      </view>
      <image
        src="@/pages-sub/static/consultant/content-footer.png"
        class="h-[450rpx]"
        mode="scaleToFill"
      />
    </view>
  </view>
</template>

<script lang="ts" setup>
  import contentBg from '@/pages-sub/static/consultant/content-bg.png';
  import { getEnvBaseUrl } from '@/utils';

  const baseUlr = getEnvBaseUrl();
</script>

<style lang="scss" scoped>
  .consultant-page {
    font-size: 26rpx;
    padding-bottom: 70rpx;
    &__container {
      background-size: 100% 100%;
      background-repeat: no-repeat;
      margin: 0 32rpx;

      &__qrcode {
        background: linear-gradient(270deg, #ffb207 0%, #ff7a03 100%);
        border-radius: 24rpx;
        padding: 24rpx 48rpx;
        margin: 0 96rpx;
        color: #fff;
        text-align: center;
        margin-bottom: 108rpx;
        & > view {
          width: 400rpx;
          height: 400rpx;
          margin: 24rpx 0;
          image {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
</style>
